import React,{useState} from 'react'
import { ResultPage } from 'antd-mobile'
import { Input } from 'antd-mobile'
import { LoopOutline } from 'antd-mobile-icons'
import { Button, Space } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
function Index() {
let nav=useNavigate()
const [start, setStart] = useState('')
const [end, setEnd] = useState('')
const list=()=>{
nav('/list')
}
  return (
    <div>
      <ResultPage
      status=''
      title='车票预订'
      description=''
    >
    <ResultPage.Card style={{ height: 64,display:'flex'}} >
    <Input
          placeholder='请输入内容'
          value={start}
          onChange={val => {
            setStart(val)
          }}
        />
        <LoopOutline style={{fontSize:50 ,margin:'10px'}}/>
 <Input
          placeholder='请输入内容'
          value={end}
          onChange={val => {
            setEnd(val)
          }}
        />
      </ResultPage.Card>
      <Button block color='primary' size='large' onClick={()=>list()}>
         搜索
        </Button>
      </ResultPage>
    </div>
  )
}

export default Index
